<template>
  <view>
    <view class="order">
      <view class="cu-list menu-avatar">
        <view class="cu-item">
          <view class="cu-avatar round lg">
           <uni-icons custom-prefix="iconfont" type="icon-gonggao" size="22" color="#225EA4"></uni-icons>
          </view>
          <view class="content">
            <view class="text-grey text-boy">3.0版本上新了</view>
            <view class="text-gray text-sm flex">
              <view class="text-cut text-bug">
                <text class="cuIcon-infofill text-red margin-right-xs"></text>
                系统消息公告
              </view>
            </view>
          </view>
          <view class="action">
            <view class="text-grey text-xs text-yellow">2021-11-23 22:20</view>
            <!-- 	<view class="text-grey text-xs">22:20</view>	 -->
          </view>
        </view>
         <view class="cu-item">
          <view class="cu-avatar round lg">
           <uni-icons custom-prefix="iconfont" type="icon-gonggao" size="22" color="#225EA4"></uni-icons>
          </view>
          <view class="content">
            <view class="text-grey text-boy">2.0版本上新了</view>
            <view class="text-gray text-sm flex">
              <view class="text-cut text-bug">
                <text class="cuIcon-infofill text-red margin-right-xs"></text>
                系统消息公告
              </view>
            </view>
          </view>
          <view class="action">
            <view class="text-grey text-xs text-yellow">2021-11-23 22:20</view>
            <!-- 	<view class="text-grey text-xs">22:20</view>	 -->
          </view>
        </view>

		   <view class="cu-item">
          <view class="cu-avatar round lg">
           <uni-icons custom-prefix="iconfont" type="icon-gonggao" size="22" color="#225EA4"></uni-icons>
          </view>
          <view class="content">
            <view class="text-grey text-boy">1.0版本上新了</view>
            <view class="text-gray text-sm flex">
              <view class="text-cut text-bug">
                <text class="cuIcon-infofill text-red margin-right-xs"></text>
                系统消息公告
              </view>
            </view>
          </view>
          <view class="action">
            <view class="text-grey text-xs text-yellow">2021-11-23 22:20</view>
            <!-- 	<view class="text-grey text-xs">22:20</view>	 -->
          </view>
        </view>
       
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.page {
  height: 100vh;
  width: 100vw;
}

.page.show {
  overflow: hidden;
}

.switch-sex::after {
  content: "\e716";
}

.switch-sex::before {
  content: "\e7a9";
}

.switch-music::after {
  content: "\e66a";
}

.switch-music::before {
  content: "\e6db";
}
.order {
  width: 710rpx;
  background-color: #ffffff;
  margin: 20rpx auto;
  border-radius: 8rpx;
  box-sizing: border-box;
  padding: 20rpx;
  font-size: 28rpx;
}
.cu-list.menu-avatar > .cu-item .action {
  width: 272rpx;
}
.round {
  border-radius: 6px;
}
.cu-avatar {
  width: 46px;
  height: 46px;
  background: #e1eefd;
  border-radius: 4px;
  margin-left: -10px;
}
.text-boy{
font-size: 18px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #343434;
line-height: 24px;
}

.text-bug{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #8C8C8C;
line-height: 20px; 
    margin-left: -5px
}
.text-yellow{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #8C8C8C;
line-height: 20px; 
margin-top: -19px;
}
	.order {
		width: 710rpx;
		background-color: #ffffff;
		margin: 20rpx auto;
		border-radius: 8rpx;
		box-sizing: border-box;
		padding: 20rpx;
		font-size: 28rpx;
		letter-spacing: 2rpx;
	}
  .cu-list.menu-avatar>.cu-item {
    height: 66px;
}
</style>
